<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="./css/index.css">
  <title>Document</title>
</head>

<body>
  <div class="wrap">
    <ul class="list">
      <li class="list-item active">
        <div class="card">
          <div class="title">
            <a href="javascript:;">荣耀50 1亿像素超清影像 5G 6.57英寸超曲屏 66W超级快充 3200万像素高清自拍</a>
          </div>
          <div class="price">￥2699.00</div>
          <div class="img">
            <a href="javascript:;">
              <img src="img/1.png" alt="">
            </a>
          </div>
        </div>
      </li>
      <li class="list-item">
        <div class="card">
          <div class="title">
            <a href="javascript:;">Redmi 9A 5000mAh大电量 1300万AI相机 八核处理器 人脸解锁 4GB+64GB 砂石黑</a>
          </div>
          <div class="price">￥599.00</div>
          <div class="img">
            <a href="javascript:;">
              <img src="img/2.png" alt="">
            </a>
          </div>
        </div>
      </li>
      <li class="list-item">
        <div class="card">
          <div class="title">
            <a href="javascript:;">Redmi Note 9 4G 6000mAh大电池 骁龙662处理器 18W快充 羽墨黑 6GB+128GB</a>
          </div>
          <div class="price">￥1099.00</div>
          <div class="img">
            <a href="javascript:;">
              <img src="img/3.png" alt="">
            </a>
          </div>
        </div>
      </li>
      <li class="list-item">
        <div class="card">
          <div class="title">
            <a href="javascript:;">荣耀Play5T 22.5W超级快充 5000mAh大电池 6.5英寸护眼屏 全网通8GB+128GB</a>
          </div>
          <div class="price">￥1199.00</div>
          <div class="img">
            <a href="javascript:;">
              <img src="img/4.png" alt="">
            </a>
          </div>
        </div>
      </li>
      <li class="list-item">
        <div class="card">
          <div class="title">
            <a href="javascript:;">realme 真我Q3 骁龙750G 120Hz可变帧电竞屏 30W智慧闪充 5000mAh大电池 迷幻</a>
          </div>
          <div class="price">￥1299.00</div>
          <div class="img">
            <a href="javascript:;">
              <img src="img/5.png" alt="">
            </a>
          </div>
        </div>
      </li>
    </ul>
  </div>

  <script src="./js/utils.js"></script>
  <script src="./js/index.js"></script>



</body>

</html>